body { overflow-x: hidden; }
/*-----------------------------------------------------------------------------
  Link & Text color
-----------------------------------------------------------------------------*/
.link, input { cursor: pointer; text-decoration: none; }
.lnColor1 { color: #f7941e; }
.lnColor1:hover, .lnColor2:hover { text-decoration: underline; }
.lnColor2 { color: #4a1400; }
.lnColor3 { color: #4a1400; }
.lnColor3:hover, .lnColor3Active { color: #f7941e; }

.lnColor99 { color: #f6931e; }

.txtColor1 { color: #f7941e; } /* orrange */
.txtColor2 { color: #bcbec0; } /* gray */
.txtColor3 { color: #4a1400; } /* caphe color */
.txtColor4 { color: #d1d3d4; } /* gray */

.txtBlackColor { color: #000; }
.txtWhiteColor { color: #fff; }
.txtBold { font-weight: 900; }
.txtError { color: red; }
.txtLineThrought { text-decoration: line-through; }
.date{ font-size: 0.8em; font-family: Tahoma; font-weight: 900; }
/*-----------------------------------------------------------------------------
  //Link
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Unorder list
-----------------------------------------------------------------------------*/
.ulNone {
    list-style: none;
    margin: 0; margin-left: 25px;
}
.ulNone li {
    position: relative;
    margin: 0; padding: 3px 0 3px 20px;
    line-height: 120%; 
}
.ulMargin_5 li { margin-bottom: 5px;}
.ulMargin_10 li { margin-bottom: 10px;}
.bullet {
    position: absolute; top: 4px; left: 0;
    display: inline-block; width: 15px; height: 15px;
    background: url(images/bullets.png) no-repeat;
}
.blType1 { background-position: 0 0; }
li:hover .blType1 { background-position: 0 -15px; }
.blType2 { background-position: -15px 0; }
li:hover .blType2 { background-position: -15px -15px; }
.blType3 { background-position: -30px 0; }
li:hover .blType3 { background-position: -30px -15px; }

.blType41 { background-position: -45px 0; }
.blType42 { background-position: -45px -15px; }
/*-----------------------------------------------------------------------------
  //Unorder list
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Heading
-----------------------------------------------------------------------------*/
h1.title { margin: 0; padding: 0; }
h2.blackHeading {
    padding: 0 3px;
    color: #fff; background-color: #000;
    font-weight: normal;
    height: 30px; line-height: 30px;
}

.blockHeight5 { clear: left; height: 5px; }
.blockHeight10 { clear: left; height: 10px; }
.blockHeight15 { clear: left; height: 15px; }
.blockHeight20 { clear: left; height: 20px; }
.blockHeight30 { clear: left; height: 30px; }
.blockHeight50 { clear: left; height: 50px; }

.brownLine { height: 1px; background: url(images/brown_line_bg.png) repeat-x 0 0; margin-bottom: 20px; }
.solidBrownLine { height: 2px; background-color: #4a1400; margin-bottom: 20px; }
/*-----------------------------------------------------------------------------
  //Heading
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Table
-----------------------------------------------------------------------------*/
table { width: 100%; }
table td, table th { border: 1px solid #4a1400; padding: 3px; }
table th { background-color: #f7941e; color: #fff; text-align: center; }
table tr.even td { background-color: #fcfcfc; }
table td.center { text-align: center; }
table td.right { text-align: right; }
table td.strong { font-weight: 900; }
table th.left { text-align: left; }

table.style1 th { background-color: #f0f1f1; color: #4a1400; }
table.style1 td { vertical-align: bottom; }
/*-----------------------------------------------------------------------------
  //Table
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  //Preloader
-----------------------------------------------------------------------------*/
.preloader_16 { height: 16px; background: url(images/preloader_16.gif) 50% 50% no-repeat; }
.preloader_32 { height: 32px; background: url(images/preloader_32.gif) 50% 50% no-repeat; }
.preloader_64 { height: 64px; background: url(images/preloader_64.gif) 50% 50% no-repeat; }
.preloader_128 { height: 128px; background: url(images/preloader_128.gif) 50% 50% no-repeat; }
/*-----------------------------------------------------------------------------
  //Preloader
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Icons
-----------------------------------------------------------------------------*/
span.icons16 { display: inline-block; width: 16px; height: 16px; background: url(images/icons_16.png) no-repeat 0 0; cursor: pointer; }
span.icons48 { display: inline-block; width: 48px; height: 48px; background: url(images/icons_48.png) no-repeat 0 0; cursor: pointer; }
span.icons16_1a { background-position: 0 0; }
span.icons16_1b { background-position: 0 -16px; }

span.icons16_2 { background-position: -16px 0; }
span.icons16_3 { background-position: -16px -16px; }
span.icons16_4 { background-position: -32px 0; }
span.icons16_5 { background-position: -32px -16px; }
span.icons48_1 { background-position: 0 0; }
span.icons48_2 { background-position: 0 -48px; }

/*-----------------------------------------------------------------------------
  //Icons
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------*/
.bodyHeader {
    width: 100%;
    background: url(images/header_bg.jpg) no-repeat 50% 0;
}
#logo { margin: 5px 0 0 25px; }

/*-----------------------------------------------------------------------------
  //Header
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Top Menu
-----------------------------------------------------------------------------*/
.topMenuWrapper { margin-top: 75px; }
.top_menu {
    list-style: none; margin: 0; padding: 0;
    font-size: 1.1em;
}
.top_menu li {
    display: inline;
    margin: 0; padding: 0 12px 0 0;
    position: relative;
    background: url(images/top_menu_separate.png) no-repeat 99% 40%;
}
.top_menu li:last-child {
    background: none;
}
.top_menu a {
    display: inline-block;
    height: 35px; line-height: 35px;
    padding: 0 10px;
    color: #f7941e; font-family: Tahoma;
    font-weight: 900;
}
.top_menu li:first-child a { padding-left: 0 }
.top_menu li:last-child a {  }
.top_menu .menuActive, .top_menu .current {
    color: #fff;
}
.top_menu ul {
    display: none;
    padding: 8px 0;
    position: absolute;
    top: 31px; left: 0;
    text-align: center; font-size: 12px;
    width: 112px;
    z-index: 150;
}
.top_menu ul li, .top_menu ul .link {
    display: block;
}
.top_menu ul .link {
    height: 24px; line-height: 24px;
    padding: 0;
    font-weight: 900; color: #f7941e;
}
.top_menu ul .current {
    color: #fff;
}

.headerSearchWrapper input.text {
    float: left; width: 180px;
    margin: 5px 0; padding: 0;
    border: none; font-style: italic;
}
.headerSearchWrapper input.btnSearch {
    float: left;
    margin: 5px 0 5px 5px;
    width: 30px; height: 30px;
    background: url(images/header_search_btn_search.png) no-repeat 0 0;
    border: none;
}
/*-----------------------------------------------------------------------------
  //Top Menu
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------*/
.bodyFooter {
    background-color: #4a1400;
}
.footerWrapper {
    color: #bcbec0;
}
.footerWrapper .copyright { margin: 18px 0 0 0; }
.footerWrapper .iconWrapper { margin-top: 4px; text-align: right; }
.footerWrapper .icon {
    display: inline-block; width: 48px; height: 48px;
    background: url(images/footer_icons.png) no-repeat;
}
.footerWrapper .iconYoutube { background-position: 0 0; }
.footerWrapper .iconSkype { background-position: -48px 0; }
.footerWrapper .iconTwitter { background-position: -96px 0; }
.footerWrapper .iconFacebook { background-position: -144px 0; }
/*-----------------------------------------------------------------------------
  //Footer
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Home > Slideshow
-----------------------------------------------------------------------------*/
.main_1 {
    width: 100%; min-height: 600px;
}
.slideImages {
    position: relative;
    cursor: pointer;
    width: 940px; height: 520px; margin-left: auto; margin-right: auto;
}
.slideImages img { 
    position: absolute; top: 0;
    left: -490px !important;
    padding: 0; display: block;
}
.slideImages img:first-child {
    /*position: static;*/
    z-index: 100;
}
.slideProgress {
    display: none;
    background: url(images/slideshow_progress.png) repeat-x scroll 0 0;
    position: absolute;
    left: 0; bottom: 0;
    height: 5px; width: 940px;
    z-index: 115;
}
.slidePrev, .slideNext {
    display: none; width: 44px; height: 36px;
    position: absolute; top: 230px;
    background: url(images/icons_slideshow_control.png) no-repeat;
    z-index: 115;
}
.slideImages:hover .slidePrev, .slideImages:hover .slideNext {
    display: block;
}
.slidePrev { left: 10px; background-position: 0 0; }
.slideNext { left: 890px; background-position: -40px 0; }
.cycle-pager {
    text-align: center;
    margin-top: 10px;
}
.cycle-pager span {
    display: inline-block; width: 14px; height: 13px;
    margin: 0 5px;
    background: url(images/icons_slideshow_thumb.png) no-repeat 0 0; color: #4a1400;
}
.cycle-pager span.cycle-pager-active { background-position: -14px 0; color: #f7941e; }
/*-----------------------------------------------------------------------------
  //Home > Slideshow
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Home > Other Elements
-----------------------------------------------------------------------------*/
.slideImageWrapper {
    padding: 20px 0; height: 200px; position: relative;
}
.slideImageWrapper .gocanh {
    position: absolute; top: 20px; right: 10px;
    width: 300px; height: 200px;
    z-index: 100;
}
.slideImageWrapper .gocanh_bg {
    position: absolute; top: 2px; right: -5px;
    width: 329px; height: 237px;
    background: url(images/gocanh_bg_1.png) no-repeat 0 0;
    z-index: 50;
}

.formType_1 .emailRegister { float: left; width: 500px; border: none; margin-right: 16px;
    background-color: #4a1400;
    font-style: italic;
}

.homeNews h1 { margin-bottom: 10px; }
.homeNews ul.ulNone { min-height: 100px; }
.homeNews a.continue { font-weight: 900; font-style: italic; }
/*-----------------------------------------------------------------------------
  //Home > Other Elements
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Newsletter
-----------------------------------------------------------------------------*/
.newsListRowWrapper { margin-bottom: 20px; }
.newsListRowWrapper p, .newsListRowWrapper h3 { margin-bottom: 0; }
.newsListRowWrapper h3 { line-height: 100%; margin-bottom: 5px; }
.newsListDate { font-style: italic; }
/*-----------------------------------------------------------------------------
  //Newsletter
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Goc anh
-----------------------------------------------------------------------------*/
.gocAnhWrapper { position: relative; min-height: 380px; }
.gocAnhTitle, .gocAnhBg, .gocAnhSlideWrapper, .gocAnhRollerWrapper,
.gocAnhCtrLeft, .gocAnhCtrRight, .gocAnhCtrTop, .gocAnhCtrBottom,
.gocAnhCtrPause
{ position: absolute; top: 0; left: 0; z-index: 10; }

.gocAnhTitle {
    z-index: 20;
    width: 460px; text-align: center;
    top: 340px; left: 20px;
}
.gocAnhBg {
    width: 535px; height: 394px;
    background: url(images/goc_anh_bg.png) no-repeat 0 0;
    top: -30px; left: -11px;
}

.gocAnhSlideWrapper { z-index: 20; top: 7px; left: 20px; }
.gocAnhSlideWrapper .gocAnhImages { position: relative; }
.gocAnhSlideWrapper img {
    position: absolute; top: 0; left: 0;
    width: 460px; height: 306px;
    cursor: pointer;
}
.gocAnhSlideWrapper img:first-child {
    z-index: 100;
}

.gocAnhRollerWrapper {
    z-index: 20; top: 0; left: 520px;
    height: 342px;
    /*background: url(images/gocAnhRollerWrapper_bg.png) no-repeat 0 0;*/
}
.gocAnhRollerWrapper .gocAnhImages { position: relative; width: 100px; height: 342px; }
.gocAnhRollerWrapper img {
    width: 100px; height: 66px;
    padding-bottom: 3px;
    opacity: 0.5 !important;
    filter:alpha(opacity=50) !important;
}
.gocAnhRollerWrapper img.lighter {
    opacity: 1 !important;
    filter:alpha(opacity=100) !important;
}

.gocAnhCtrLeft, .gocAnhCtrRight, .gocAnhCtrTop, .gocAnhCtrBottom {
    background: url(images/icons_goc_anh_control.png) no-repeat 0 0;
    z-index: 30; cursor: pointer;
}
.gocAnhCtrLeft, .gocAnhCtrRight { width: 20px; height: 67px; }
.gocAnhCtrLeft { top: 120px; left: -15px; }
.gocAnhCtrRight { top: 120px; left: 495px; background-position: -20px 0; }
.gocAnhCtrTop, .gocAnhCtrBottom { width: 41px; height: 11px; }
.gocAnhCtrTop { top: -17px; left: 550px; background-position: 0 -67px; }
.gocAnhCtrBottom { top: 350px; left: 550px; background-position: 0 -78px; }
.gocAnhCtrPause { z-index: 50; left: 220px; top: 140px; visibility: hidden; }
/*-----------------------------------------------------------------------------
  //Goc anh
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Goc nhac
-----------------------------------------------------------------------------*/
.gocNhacAlbumBoxWrapper {
    background-color: #4a1400; color: #fff;
}
.gocNhacAlbumBoxWrapper img { float: left; width: 360px; margin: 10px; }

.gocNhacAlbumBoxInfo { float: left; width: 230px; margin-top: 8px; }
.gocNhacAlbumBoxInfo p { margin-bottom: 0; }

.gocNhacAlbumBoxWrapper .line { background-color: #000; height: 8px; border-top: 1px solid #603721; border-bottom: 1px solid #603721; }
.gocNhacAlbumBoxWrapper .song h3 {
    padding: 8px 5px;
    font-weight: normal; font-size: 15px;
}
.gocNhacAlbumList .icons16 { float: left; margin-top: 2px; margin-right: 2px; }
.gocNhacAlbumList table td { border-width: 0 0 1px 0; padding: 5px 3px; border-style: dashed; }
.gocNhacAlbumList table tr:last-child td { border-bottom: 0; }

.gocNhacLyric p { display: none; }
.gocNhacLyric p:nth-child(2), .gocNhacLyric p:last-child { display: block; }
/*-----------------------------------------------------------------------------
  //Goc nhac
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Pagination
-----------------------------------------------------------------------------*/
.pager { clear: both; }
.pagination {
    list-style: none;
    text-align: right;
    font-size: 1.2em; font-family: Verdana;
}
.pagination li.hidden {
    display: none;
}
.pagination li {
    display: inline-block;
    margin: 0; padding: 0;
}
.pagination .link {
    display: inline-block;
    margin-left: 5px; padding: 5px;
}
.pagination .selected .lnColor2 {
    font-size: 1.5em;
    color: #f7941e;
}
/*-----------------------------------------------------------------------------
  //Pagination
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Contact
-----------------------------------------------------------------------------*/
.contactInfoWrapper h3 { margin-bottom: 0; }
.contactInfoWrapper p { margin-bottom: 0; }
.contactInfoWrapper a { color: #4a1400; text-decoration: none; }
.contactInfoWrapper a:hover { text-decoration: underline; }

.contactMapWrapper {
    margin: 10px 0; padding: 10px 0;
    border-top: 2px solid #4a1400; border-bottom: 2px solid #4a1400;
    background:url(images/preloader_64.gif) 50% 50% no-repeat;
}
.contactMapWrapper h3, .contactFormWrapper h3 { margin-bottom: 10px; }
.contactFormWrapper .formType_1 textarea { height: 185px; }
/*-----------------------------------------------------------------------------
  //Contact
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  Miscellaneous
-----------------------------------------------------------------------------*/
.null { display: none; }
/*-----------------------------------------------------------------------------
  //Miscellaneous
-----------------------------------------------------------------------------*/